<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>在线考试系统</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link href="../css/bootstrap.min.css" type="text/css" rel="stylesheet">
    <link href="../css/paper.css" type="text/css" rel="stylesheet">
    <script src="../js/jquery-3.3.1.min.js" type="text/javascript"></script>
    <script src="../js/bootstrap.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="../js/jquery.form.min.js"></script>
    <script src="../js/jquery.validate.min.js" type="text/javascript"></script>
    <script src="../js/paper.js" type="text/javascript"></script>
</head>
<body>

<nav id="top-bar" class="navbar-fixed-top" role="navigation">
    <div class="container-fluid">
        <div class="col-sm-4 col-xs-12 text-center">
            <span class="glyphicon glyphicon-user" style="color: white"></span>
            <span>当前用户：</span>
            <span id="currentUser">null</span>
        </div>
        <div class="col-sm-4 col-xs-12 text-center">
            <span id="title">null</span>
        </div>
        <div class="col-sm-4 text-center">
            <span class="glyphicon glyphicon-bell" style="color:white;"></span>
            <span>剩余时间：</span>
            <span style="color: red" id="time">Loading...</span>
            <span>&nbsp;</span>
            <span style="cursor:pointer;color: #4cae4c" id="Submit"><span
                    class="glyphicon glyphicon-duplicate"></span> 交卷</span>
        </div>
    </div>
</nav>

<div class="container-fluid">
    <div class="row">

        <!-- Modal -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
             data-backdrop="false" data-keyboard="false">
            <div class="modal-dialog" role="document">
                <div class="alert alert-info col-xs-12 text-center" role="alert" id="loading">正在交卷，请不要关闭页面...</div>
            </div>
        </div>

        <div class="col-lg-6 col-lg-offset-3 col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xs-12">
            <form style="margin-top: 80px" id="paper-form">
                <!--<div class="panel panel-default" id="q0">-->
                <!--<div class="panel-body">-->
                <!--<span id="t0">问题一</span>-->
                <!--<div class="radio" id="o0">-->
                <!--<label>-->
                <!--<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1">-->
                <!--Option one is this and that&mdash;be sure to include why it's great-->
                <!--</label>-->
                <!--</div>-->
                <!--</div>-->
                <!--</div>-->
            </form>
        </div>
    </div>
</div>
</body>
</html>